#wrapper {
	width: 800px;
	margin:0 auto;
	background: #fff;
	padding:15px 10px 0 10px;

}
.wrapper{
	padding: 5px 20px 0 20px;
	margin:0 auto;
	border:1px solid #000;
	}
h1 {
	font-size: 14px;
	font-weight:normal;
	margin:0;
}
p{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
	}
.company-name{
	border-bottom:1px solid #000;
	padding-bottom:20px;
	margin-bottom:20px;	
	line-height:20px;
	}
.from-address {
	font-size: 12px;
}

h2, h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
.company{
	width:60%;
	}
.date{
	float:right;
	font-weight:bold;
	font-size:12px;
	}
.to{ 
	float:left;
	font-weight:bold;
	width:100px;
	}
.to, .to-address{
	font-size: 12px;
}

h4 {
	margin:0;
	font-size:14px;
}
.address{
	margin-left:100px;
	line-height:22px;
	}
h4, h5 {
	padding: 0;
	font-weight:normal;
}
.invoice {
	width: 100%;
}
.invoice td, .invoice th {
	font-size: 12px;
	padding:5px;
}
.invoice td{	
	background:#fff; 
	}
.invoice th {
	vertical-align: bottom;
	background:#e2e2e2;
	width:25%;
}
.totals {
	float: right;
	margin-top: 20px;
	font-size:12px;
}
.totals td{
		padding:3px 10px;
		text-align:right;
}
.totals .total {
	text-align: right;
}
.left{ text-align:left;}
.grand {
	font-weight: bold;
}

.center{
	text-align: center;
}
.bottom{ margin-bottom:10px;}
.right {
	text-align: right;
}

.payment-info {
	clear: both;
	margin: 2em 0;
	padding: 1em 0;
	font-size: small;
	line-height:0;
	height:5px;
	float:left
	page-break-after: always;
}

.payment-info ol {
	margin-top: 0;
}
